import { type } from '../../../types/auto-import';
<!--
 * @Description: 
 * @Date: 2024-05-16 14:44:24
 * @LastEditTime: 2024-06-12 14:54:49
-->
<route lang="json5">
{
  style: {
    navigationBarTitleText: '法律文书详情',
    navigationBarTextStyle: 'white', //标题栏字体颜色
    navigationBarBackgroundColor: '#0063AF', //标题栏背景色(纯色)
  },
}
</route>

<template>
  <view class="lawDetails w-screen h-screen box-border bg-#F4F5F9">
    <template v-if="benefitType == 1 || benefitType == 3">
      <image class="w-screen h-250rpx" :src="banner" mode="scaleToFill" />
      <view
        class="w-90% mx-auto translate-y--8% box-border px-30rpx py-20rpx rounded-20rpx bg-#fff flex flex-col"
      >
        <view class="mb-20rpx">{{ benefitData.title }}</view>
        <view v-html="benefitData.content"></view>
        <!-- <text class="text-30rpx font550 leading-5 mb-20rpx">
          【解锁民法典】恶意得利人的赔偿责任，你 get到了吗？
        </text>
        <text class="text-28rpx font500 leading-5 mb-20rpx">
          恶意不当得利与善意不当得利如何界定：
          1、善意受益人指于受益时不知其受益无法律上的原因的受益人。不知无法律上的原因，不以无过失而不知者为限，因过失而不知者，亦属善意。2、恶意受益人是指明知无法律的原因而取得利益的受益人。受益人于受领时不知其受益无法律上的原因，其后知晓的，自知晓之日起，成为恶意受益人。
        </text>
        <text class="text-28rpx text-#5297CC font500 leading-5 font550">
          问：小张在餐厅吃饭，服务员误将他人点的一道菜上给他，小张明知上错菜仍然吃完，服务员发现后，可否让小张付钱？
        </text>
        <text class="text-28rpx text-#5297CC font500 leading-5 mb-20rpx">
          答：可以，小张的行为属于不当得利。
        </text>
        <text class="text-28rpx font500 leading-5 mb-20rpx">
          <text class="font550">《民法典》第九百八十七条规定，</text>
          得利人知道或者应当知道取得的利益没有法律根据的，受损失的人可以请求得利人返还其取得的利益并依法赔偿损失。
        </text> -->
      </view>
    </template>
    <template v-if="benefitType == 2">
      <video
        id="myVideo"
        :src="baseUrl + benefitData.videoUrl"
        @error="videoErrorCallback"
        enable-danmu
        danmu-btn
        controls
        class="w-screen"
      ></video>
      <view class="p-20rpx">{{ benefitData.title }}</view>
    </template>
  </view>
</template>
<script lang="ts" setup>
import { getPopularizeAPI } from '@/service/index/foo'
import banner from '../../../static/images/banner.jpg'
const benefitType = ref(null)
const benefitData = ref({})
const baseUrl = import.meta.env.VITE_SERVER_BASEURL
onLoad((option) => {
  benefitType.value = option.type
  getPopularizeAPI(option.id).then((res) => {
    benefitData.value = res.data
  })
})
function videoErrorCallback() {}
</script>
